
<template>
  <!-- // 登录组件 -->
  <!-- 外面大盒子 -->
  <div class="Login-big">
    <!-- 标题 -->
    <div>
      <h3>登录</h3>
    </div>
    <div>
      <form>
        <!-- 账号 -->
        <div>
          <label for="username">账号：</label>
          <el-input
            v-model="username"
            placeholder="请输入内容"
            id="username"
            style="width: 400px"
          ></el-input>
        </div>
        <!-- 密码 -->
        <div>
          <label for="password">密码：</label>
          <el-input
            placeholder="请输入密码"
            v-model="passworld"
            show-password
            id="password"
            style="width: 400px"
          ></el-input>
        </div>
      </form>
    </div>
    <div>
      <el-button type="primary" round>主要按钮</el-button>
      <span>没有账号？点击登录</span>
    </div>
  </div>
</template>

<script>
export default {};
</script>


<style>
.Login-big {
  width: 600px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #ccc;
}
</style>